<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
    <title>owl你的智能书签管理器</title>
    <meta name="author" content="75team" />
    <meta name="description" content="owl云书签管理器" />
    <meta name="keywords"  content="书签，云数据，跨平台" />
    <meta name="Resource-type" content="" />
    
    <link rel="stylesheet" type="text/css" href="./js/jquery.fullPage.css"/>
    <link rel="stylesheet" type="text/css" href="./css/animate.css"/>
    <link rel="stylesheet" type="text/css" href="css/index_head.css"  ></link>

    <style type="text/css">
        .down {
            width: auto;
        }
        .nav {
            display: inline-block;
        }
        .oneload .bg {width: 684px;height: 496px;background: url("") no-repeat 123px 66px;}
        .oneload .qrcode {left: -14px;}
        @media (max-height: 700px) {
            .oneload .bg {width: 684px;height: 360px;background-position: 180px 80px; margin:0 auto;}
            .oneload .qrcode {left: -14px;}
        }
        .section,  #s1 {
            padding-top: 71px;
        }
        #s1{ 
        	background: url("./image/computer_netbook.png") no-repeat 85% 60%;
			background-size:30%;
        }
        #s2{ 
        	background: url("./image/part_2.png") no-repeat  26% 50%;
			background-size:32%;
        }
        #s3{ 
        	background: url("./image/part_3.png") no-repeat 84% 47%;
			background-size:50%;
        }
        .btn-group a{ margin-left: 10px}
        .btn-group .test:hover{
            text-decoration: none;
        }
        .oneload .btn-group{
            padding-left: 50px;
        }
        。part_1_text{
        font:24px/1.5 \5FAE\8F6F\96C5\9ED1,微软雅黑,sans-serif;
        }
        .part_1_text p{line-height:48px;}
        h3{display : inline;}
        .logoBook{
            float: left;
		    height: 41px;
		    margin-top: 45px;
		    margin-left: 10px;
		    color:#fff6f2;
        }
    </style>
    <script src="./js/jquery.js" type="text/javascript"></script>
    <script src="./js/jquery-ui.min.js" type="text/javascript"></script>  
    <script src="./js/jquery.fullPage.js" type="text/javascript"></script> 
    <script type="text/javascript">
    $(document).ready(
       function(){
   				$('#fullpage').fullpage({
                'sectionsColor': ['#2a8fd3', '#e5e9ea', '#2a8fd3'],
                anchors: ['firstPage', 'secondPage', '3rdPage'],
                'menu': '#nav',
                'scrollingSpeed': 500,
                afterRender: function(){
                },
                afterLoad: function(anchorLink, index){
                    //var intertime = setInterval(function(){$('.ftwolist li').show();$('.ftwolist span').addClass('scale');},5000);
                        $(".animation-mark").removeClass("animated").hide();
                        $("#s" + index + " .animation-mark").show().addClass("animated");                   
                }
            });
        });       
    </script>

</head>
<body>
<div id="main-page"></div>
<!-- head -->
<div class="header">
    <div class="clearfix wrap">
        <div class="logo"><img src="./image/logo.png"  style="width: 36px;"/></div>
        <div class="logoBook">BookMars</div>
        <div class="down">
            <a class="btn-downapp animation-mark  animated fadeInLeftBig"  title="google在线商店">
            	 <img src="./image/chrome.png" style="width:28px;height:28px"/>
            </a>
            <a class="btn-weixin animation-mark  animated fadeInLeftBig"　target="_blank">
                <img src="./image/weixin.png" style="width:28px;height:28px"/>
            </a>
            <a class="btn-weibo animation-mark  animated fadeInLeftBig"　target="_blank">
                <img src="./image/weibo.png" style="width:28px;height:28px;margin-left:-6px;"/>
            </a>
      </div>
  </div>
</div>
<!-- head end -->
<div class="stair" id="nav">
    <ul>
        <li data-menuanchor="firstPage" class="active"><a href="#firstPage"></a></li>
        <li data-menuanchor="secondPage"><a href="#secondPage"></a></li>
        <li data-menuanchor="3rdPage"><a href="#3rdPage"></a></li>
    </ul>
</div>
<div id="fullpage">
<div class="section" id="s1">
<div class="wrap">
    <div class="fone">
        <div class="title"></div>
	        <div class="oneload animation-mark  animated " >
		        <div class="part_1_text" >
		        		<br><br><br>
		        		<h1 style="color:#f8f6f2;">BookMars</h1>
		        		<br><br>
				        <p style="color:#f8f6f2;">告别杂乱的浏览器收藏夹</p>
				        <p style="color:#f8f6f2;">可视化操作体验、随意收集快速访问</p>
				        <p style="color:#f8f6f2;">自定义书签频道、清晰分类</p>
				        <p style="color:#f8f6f2;">多浏览器、多语言支持、社交功能、云数据存储</p>
				        <p ><img alt="center" src="./image/computer_logo.png"style="height:36.96px;width:188.72px; ">
		        </div>
			</div>
        </div>
    </div>
</div>
<div class="section" id="s2">
<div class="wrap">
    <div class="fone" style="left:85%;">
        <div class="title"></div>
        <div class="oneload animation-mark  animated" >
            		   <div class="part_1_text" >
		        		<br><br><br><br><br>
		        		<h2 style="font-family:宋体">快速收集</h2>
		        		<li >喜欢哪个网站,快捷收集,分类归档</li>
		        		<br/>
						<h2 style="font-family:宋体">快速搜索</h2>
						<li>帮助您急速定位需要的书签</li>
						<br/>
						<h2 style="font-family:宋体">快速访问</h2>
						<li>可视化操作界面、优雅的操作环境</li>
		        </div>
            </div>
        </div>
    </div>
</div>
<div class="section" id="s3">
<div class="wrap">
    <div class="fone">
        <div class="title"></div>
        <div class="oneload animation-mark  animated" >
            		   <div class="part_1_text" >
		        		<br><br><br><br><br>
		        		<h2 style="font-family:宋体 ;color:#f8f6f2;">导入数据</h2>
		        		<li style="color:#f8f6f2;">一键轻松导入</li>
		        		<br/>
						<h2 style="font-family:宋体;color:#f8f6f2;">云端备份</h2>
						<li style="color:#f8f6f2;">备份您的数据到云端</li>
						<br/>
						<h2 style="font-family:宋体;color:#f8f6f2;">自定义频道</h2>
						<li style="color:#f8f6f2;">人性化书签管理</li>
		        </div>
            </div>
        </div>
        </div>
    </div>
</div>
  <!-- FOOTER -->
  <footer class="footer " style="background-color:black;">

      <!-- Copyright Bar -->
          <div class="container">
              <p style="text-align: center;font-color:#fff">
                  &copy; 2015 <a><b class="footerColor">OWL42</b></a>. 备案号:翼ICP备13014548号
              </p>
          </div>
      <!-- End Copyright Bar -->

  </footer>
  <!-- END FOOTER -->
<script type="text/javascript" src="http://s3.qhimg.com/static/b9f1c22a0b6c4af6.js"></script>
<script type="text/javascript">
try{
        //need to modify dl url depends on src
        var searchStr = location.search;
        var match = searchStr.match(/src=(\w+)/);
        var src = '';
        if(match) {
            src = match[1];
            if(src == 'wifipc') {
                $('.btn-downapp').attr('href', 'zhushou360://type=apk&marketid=5407806&refer=360down07&name=360免费WiFi&icon=http://p18.qhimg.com/dr/160_160_/t01287a9606ad2bf368.png&url=http://down.360safe.com/360ap/360freewifi_beta_3.2.8.apk');
                $('.btn-downtwo').attr('href', 'zhushou360://type=apk&marketid=5407806&refer=360down07&name=360免费WiFi&icon=http://p18.qhimg.com/dr/160_160_/t01287a9606ad2bf368.png&url=http://down.360safe.com/360ap/360freewifi_beta_3.2.8.apk');
                $('.new-btn-android').attr('href', 'zhushou360://type=apk&marketid=5407806&refer=360down07&name=360免费WiFi&icon=http://p18.qhimg.com/dr/160_160_/t01287a9606ad2bf368.png&url=http://down.360safe.com/360ap/360freewifi_beta_3.2.8.apk');
            }
        }      
        // var isInstallWeiShi = MMClient.isWeishiInstalled();
        // if(!isInstallWeiShi)
        // {
        //     if(src == 'wifipc') {
        //         $('.onekey-install').attr('href', 'http://down.360safe.com/360ap/360freewifi_wifi.apk');
        //     } else {
        //         $(".onekey-install").attr("href","http://down.360safe.com/360ap/360freewifi_beta_3.2.8.apk");
        //     }
        // } else if(src == 'wifipc') {
        //     $('.onekey-install').attr('href', 'zhushou360://type=apk&name=360免费WiFi&url=http://down.360safe.com/360ap/360freewifi_wifi.apk');
        // }
    }catch(e){}
        $('.nav li').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');})
    </script>
    <script src="http://s0.qhimg.com/monitor/;monitor/0ddb3eeb.js"></script><script>monitor.setProject("360_freewifi").getTrack().getClickAndKeydown()</script>
</body>
</html>